html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#wfi-container {
	position: absolute;
	top: 28px;
	left: 0;
	width: 100%;
	bottom: 0;
}

#wfi-tools {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	font-size: 11px;
	font-family: arial, serif;
	text-align: left;
	background: #eee url(toolbar.gif) repeat-x 0 10px;
	color: #444;
}
#wfi-tools .items {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#wfi-tools .items li {
	float: left;
	height: 20px;
	margin: 0;
	padding: 4px 20px;
	background-position: top left;
	background-repeat: no-repeat;
	line-height: 20px;
	cursor: pointer;
	border-right: 1px solid #ddd;
}
#wfi-tools .items li.selected {
	background: white;
}
#wfi-tools .items li.toolWhatson {
	margin-right: 20px;
}
#wfi-tools .items li.toolRandom {
	background: url(../favicon.png) no-repeat center center;
}
#wfi-tools .items li.toolRandom a {

}
#wfi-tools .like {
	padding: 4px;
	height: 22px;
}

#wfi-forms {
	padding: 16px;
	font-size: 11px;
	font-family: arial, serif;
	background: white;
	color: #444;
	text-align: left;
}
#wfi-forms.asPopup {
	position: absolute;
	top: 20px;
	left: 10px;
	z-index: 1000;
	display: none;
	-webkit-box-shadow: 0px 1px 2px #999;
	-moz-box-shadow: 0px 1px 2px #999;
}
#wfi-forms.asOverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	background: #eee;
	height: 100%;
}

#wfi-forms input, #wfi-forms textarea {
	border: 2px solid #ddd;
	padding: 4px;
	outline: 0;
}
#wfi-forms label {
	padding: 2px 0;
}
#wfi-forms input:focus, #wfi-forms textarea:focus {
	border: 2px solid #A9D0F5;
}
#wfi-forms .error {
	border: 2px solid red;
}

#wfi-forms form {
	width: 400px;
}
#wfi-forms.asOverlay form {
	width: 250px;
}
#wfi-forms .line {
	padding: 2px 0;
}
#wfi-forms label, #wfi-forms input, #wfi-forms select, #wfi-forms textarea {
	display: block;
	width: 388px;
}
#wfi-forms input#wfi-up {
	float: left;
	padding: 0;
	width: auto;
}
#wfi-forms.asOverlay label, #wfi-forms.asOverlay input, #wfi-forms.asOverlay select, #wfi-forms.asOverlay textarea {
	width: 238px;
}

#wfi-helpTip {
	position: absolute;
	display: none;
	z-index: 2000;
	padding: 0 10px;
	width: 300px;
	background: white;
	border-left: 2px solid #A9D0F5;
	font-family: arial, serif;
	color: #444;
	font-size: 11px;
	text-align: left;
	line-height: 15px;
	-webkit-box-shadow: 0px 1px 3px #999;
	-moz-box-shadow: 0px 1px 3px #999;
}

#wfi-preview {
	margin-left: 282px;
	height: 100%;
}